<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的信息</title>
		<link href="/css/bootstrap.min.css" rel="stylesheet">
		<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
		<script type="text/javascript" src="/js/bootstrap.min.js"></script>
			<style type="text/css">
		.demo{
			padding: 2em 0;
		}
		a:hover,a:focus{
		    text-decoration: none;
		    outline: none;
		}
		.tab .nav-tabs{
		    border: none;
		    border-bottom: 2px solid #079fc9;
		    margin: 0;
		}
		.tab .nav-tabs li a{
		    padding: 10px 20px;
		    margin: 0 10px -1px 0;
		    font-size: 17px;
		    font-weight: 600;
		    color: #293241;
		    text-transform: uppercase;
		    border: 2px solid #e6e5e1;
		    border-bottom: none;
		    border-radius: 5px 5px 0 0;
		    z-index: 1;
		    position: relative;
		    transition: all 0.3s ease 0s;
		}
		.tab .nav-tabs li a:hover,
		.tab .nav-tabs li.active a{
		    background: #fff;
		    color: #079fc9;
		    border: 2px solid #079fc9;
		    border-bottom-color: transparent;
		}
		.tab .nav-tabs li a:before{
		    content: "";
		    display: block;
		    height: 2px;
		    background: #fff;
		    position: absolute;
		    bottom: -2px;
		    left: 0;
		    right: 0;
		    transform: scaleX(0);
		    transition: all 0.3s ease-in-out 0s;
		}
		.tab .nav-tabs li.active a:before,
		.tab .nav-tabs li a:hover:before{ transform: scaleX(1); }
		.tab .tab-content{
		    padding: 10px;
		    font-size: 17px;
		    color: #6f6f6f;
		    line-height: 30px;
		    letter-spacing: 1px;
		    position: relative;
		}
		@media only screen and (max-width: 479px){
		    .tab .nav-tabs{ border: none; }
		    .tab .nav-tabs li{
		        width: 100%;
		        text-align: center;
		        margin-bottom: 15px;
		    }
		    .tab .nav-tabs li a{
		        margin: 0;
		        border-bottom: 2px solid transparent;
		    }
		    .tab .nav-tabs li a:before{
		        content: "";
		        width: 100%;
		        height: 2px;
		        background: #079fc9;
		        position: absolute;
		        bottom: -2px;
		        left: 0;
		    }
		}
	</style>
	</head>
	<body>
	<#include "/common/head.ftl" >
		<div class="container-fluid">
			<div class="row">
				<#include "/common/left.ftl" >
				<div class="col-sm-9">
					<ol class="breadcrumb">
						<li>
							<a href="/main">主页</a>
						</li>
						<li class="active">我的信息</li>
					</ol>
					<div class="panel panel-default">
					  <div class="panel-heading">
					    <h3 class="panel-title">个人信息</h3>
					  </div>
					  <div class="panel-body">
					   	<table>
					   		<tr><td>姓名：</td><td>${user.name!}</td><td>专业：</td><td>${user.major!}</td></tr>
					   		<tr><td>入学时间：</td><td>${user.enrolmenttime!}</td><td>阶段：</td><td>${user.classname!}</td></tr>
					   	</table>
					  </div>
					</div>
					<div class="tab" role="tabpanel">
	                        <!-- Nav tabs -->
	                        <ul class="nav nav-tabs" role="tablist">
	                            <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab">我的提问</a></li>
	                            <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab">我参与的问答</a></li>
	                            <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab">我的解决的问答</a></li>
	                        </ul>
	                        <!-- Tab panes -->
	                        <div class="tab-content tabs">
	                            <div role="tabpanel" class="tab-pane fade in active" id="Section1">
	                                <table class="table">
	                                	<thead>
	                                		<tr><th>序号</th><th>问答类型</th><th>标题</th><th>操作</th></tr>
	                                	</thead>
	                                	<tbody>
										<#list myqa as qa>
	                                		<tr><td>${qa_index+1}</td><td>${qa.qatype!}</td><td>${qa.qatitle!}</td><td><a href="/qa/detail/${qa.id}">详情</a></td></tr>
										</#list>
	                                	</tbody>
	                                </table>
	                            </div>
	                            <div role="tabpanel" class="tab-pane fade" id="Section2">
	                                <table class="table">
	                                	<thead>
										<tr><th>序号</th><th>问答类型</th><th>标题</th><th>操作</th></tr>
	                                	</thead>
	                                	<tbody>
										<#list mysolveqa as qa>
											<tr><td>${qa_index+1}</td><td>${qa.qatype!}</td><td>${qa.qatitle!}</td><td><a href="/qa/detail/${qa.id}">详情</a></td></tr>
										</#list>
	                                	</tbody>
	                                </table>
	                            </div>
	                            <div role="tabpanel" class="tab-pane fade" id="Section3">
	                               <table class="table">
	                                	<thead>
										<tr><th>序号</th><th>问答类型</th><th>标题</th><th>操作</th></tr>
	                                	</thead>
	                                	<tbody>
										<#list mypartakeqa as qa>
											<tr><td>${qa_index+1}</td><td>${qa.qatype!}</td><td>${qa.qatitle!}</td><td><a href="/qa/detail/${qa.id}">详情</a></td></tr>
										</#list>
	                                	</tbody>
	                                </table>
	                             </div>
	                        </div>
	                    </div>
				</div>
			</div>
		</div>
		<script>
		</script>
	</body>

</html>